header
    #navbarHeader.collapse.bg-dark
      .container
        .row
          .col-sm-8.col-md-7.py-4
            if username
              h4.text-white= nickname + ", Welcome!"
              a.text-muted(href="/logout") Logout
            else
              h4.text-white Login
              form(action="/login", method="post")
                .form-group.col-12.col-md-8
                  label.text-white Username
                  input.form-control(type="text",placeholder="Username",name="username",aria-describedby="emailHelp")
                  a.form-text.text-primary#emailhelp(href="/signup") No account? Come to join us. 
                .form-group.col-12.col-md-8
                  label.text-white Password
                  input.form-control(type="password",placeholder="password",name="password")
                button.btn.btn-success(type="submit") login
          .col-sm-4.offset-md-1.py-4
            h4.text-white Total info
            ul.text-white.list-unstyled
              li
                a Picture Total
                a= " " + info.numOfImages
              li
                a Like Total
                a#likeTotal= " " + info.numOfLikes
              li
                a View Total 
                a= " " + info.numOfView
              li
                a Comment Total
                a= " " + info.numOfComments
            .list-group.col-12
              .list-group-item.active
                h6.list-group-item-heading Least comments
              each com in leastCom
                a.list-group-item
                  h4.list-group-item-heading= com.nickname
                  p.list-group-item-text= com.comment
    .navbar.navbar-dark.bg-dark.box-shadow
      .container.d-flex.justify-content-between
        a.navbar-brand.d-flex.align-items-center(href='#')
          svg.mr-2(xmlns='http://www.w3.org/2000/svg', width='20', height='20', viewBox='0 0 24 24', fill='none', stroke='currentColor', stroke-width='2', stroke-linecap='round', stroke-linejoin='round')
            path(d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z')
            circle(cx='12', cy='13', r='4')
          strong Uploo
        if username
          a.text-white= nickname + ", Welcome!"
        else
          a.text-muted Please login →
        button.navbar-toggler(type='button', data-toggle='collapse', data-target='#navbarHeader', aria-controls='navbarHeader', aria-expanded='false', aria-label='Toggle navigation')
          span.navbar-toggler-icon